<template>
	<view>

		<view class="top-bg">
			<view style="display: flex;align-items: baseline;">
				<text class="o-state">{{model.orderCarStatusStr|filterNull}}</text>

				<text class="o-more" @click="goMoreInfo">更多信息</text>

			</view>
			<text class="o-remark" v-if="model.approveContent">{{model.approveContent}}</text>
		</view>

		<view class="item item_margin">

			<view style="display: inline-flex; height: 80rpx; justify-content: space-between; margin: 0 20rpx;">
				<u-icon name="order" color="#1573FF" label="车辆订单信息" label-color="#333333"
					:customStyle="{'line-height': '80rpx',}">
				</u-icon>

				<text style="line-height: 80rpx; color: #E93131;"></text>
			</view>


			<u-line color="#efefef" :customStyle="{'margin-bottom': '30rpx','display': 'block',}"></u-line>

			<view class="text-line">
				<text class="text-name">车辆订单号:</text>
				<text class="text-value">{{model.order.orderCarCode|filterNull}}</text>

				<text
					style="align-self: flex-end;color: white;font-size: 22rpx;padding: 5rpx 10rpx;background-color: #FFC500;border-radius: 50rpx 0 0 50rpx;"
					:style="{'background-color':1==model.order.customerType?'#1573FF':'#FFC500'}">{{1==model.order.customerType?'企业':2==model.order.customerType?'个人':''}}</text>

			</view>

			<view class="text-line">
				<text class="text-name">租赁类型:</text>
				<text class="text-value">{{model.order.rentTypeStr|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">客户名称:</text>
				<text class="text-value">{{model.order.customerName|filterNull}}</text>
			</view>

			<view class="text-line" @click="makecall(model.order.customerTel)">
				<text class="text-name">联系电话:</text>
				<text class="text-value" style="flex-grow: unset;">{{model.order.customerTel|filterNull}}</text>
				<image style="width: 30rpx;height: 30rpx;margin-left: 10rpx;" src="../../static/common/callPhone.png"
					mode="scaleToFill"></image>

			</view>

			<view class="text-line">
				<text class="text-name">出租方:</text>
				<text class="text-value">{{model.order.lessorName|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">品牌/车系/车型:</text>
				<text class="text-value">{{model.order.brandSeriesModelName|filterNull}}</text>
			</view>

			<view class="text-line"
				v-if="1==model.order.rentType||2==model.order.rentType||3==model.order.rentType||4==model.order.rentType||5==model.order.rentType">
				<text class="text-name">{{model.order.rentDescription!=null?model.order.rentDescription:'租赁时间'}}:</text>
				<text class="text-value">{{model.order.timeRent|filterNull}}</text>
			</view>

			<view class="text-line"
				v-if="1==model.order.rentType||2==model.order.rentType||3==model.order.rentType||4==model.order.rentType">
				<text class="text-name">还款方式:</text>
				<text class="text-value">{{model.order.paymentMethodStr|filterNull}}</text>
			</view>

			<view class="text-line"
				v-if="1==model.order.rentType||2==model.order.rentType||3==model.order.rentType||4==model.order.rentType">
				<text class="text-name">还款日:</text>
				<text class="text-value">每月{{model.order.paymentDay|filterNull}}号</text>
			</view>

			<view class="text-line" v-if="6==model.order.rentType">
				<text class="text-name">还款时间:</text>
				<text class="text-value">{{model.order.timeRepayment|filterNull}}</text>
			</view>

			<view class="text-line" v-if="1==model.order.rentType||3==model.order.rentType||4==model.order.rentType">
				<text class="text-name">免费用车天数:</text>
				<text class="text-value">{{model.order.freeDays|filterNull}}天</text>
			</view>

			<view class="text-line" v-if="1==model.order.rentType||3==model.order.rentType||4==model.order.rentType">
				<text class="text-name">服务费:</text>
				<text class="text-value">¥{{model.order.coverCharge|filterNull}}</text>
			</view>

			<!-- <view class="text-line">
				<text class="text-name">租金还款方式:</text>
				<text class="text-value">{{model.order.orderCarCode|filterNull}}</text>
			</view> -->

			<view class="text-line" v-if="5==model.order.rentType">
				<text class="text-name">金融公司名称:</text>
				<text class="text-value">{{model.order.financeCompanyName|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">渠道返利:</text>
				<text class="text-value">¥{{model.order.chlRebate|filterNull}}</text>
			</view>

			<view class="text-line" v-if="1==model.order.rentType||2==model.order.rentType||3==model.order.rentType||4==model.order.rentType||5==model.order.rentType">
				<text class="text-name">车辆已购保险:</text>
				<text class="text-value">{{model.order.insuranceItems|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">订单备注:</text>
				<text class="text-value">{{model.order.orderDesc|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">订单附件:</text>
				<text class="text-value" v-if="model.order && model.order.orderDoc && model.order.orderDoc.length<=0">--</text>
			</view>

			<picPdf :attachment="model.order.orderDoc"></picPdf>

			<view class="text-line" v-if="model.order.reletId">
				<text class="text-name">续租订单号:</text>
				<text class="text-value" style="color: #1573FF;" @click="goReletDetail">{{model.order.reletOrderCarCode|filterNull}}</text>
			</view>

			<view class="text-line" v-if="model.order.reletId">
				<text class="text-name">续租备注:</text>
				<text class="text-value">{{model.order.reletDesc|filterNull}}</text>
			</view>

			<view class="text-line" v-if="model.order.reletId" @click="goReletFee">
				<text class="text-name">原方案的保证金和月租金是否调整:</text>
				<text class="text-value">{{1==model.order.planAdjust?'是':'否'|filterNull}}</text>
				<u-icon name="arrow-right"></u-icon>
			</view>

			<view class="text-line" v-if="model.order.reletId">
				<text class="text-name">续租附件:</text>
				<text class="text-value" v-if="model.order.reletDoc.length<=0">--</text>
			</view>

			<picPdf v-if="model.order.reletId" :attachment="model.order.reletDoc"></picPdf>

			<view class="text-line" v-for="(fItem, fIndex) in model.order.planMoneyList" :key="fIndex">
				<text class="text-name">{{fItem.moenyDesc}}:</text>
				<text class="text-value">¥{{fItem.moenyAmount|filterNull}}</text>
			</view>

      <view class="text-line">
        <text class="text-name">所属销售员:</text>
        <text class="text-value">{{model.order.salePersonName|filterNull}}</text>
      </view>

      <view class="text-line">
        <text class="text-name">所属渠道:</text>
        <text class="text-value">{{model.order.channelName|filterNull}}</text>
      </view>

		</view>

		<view class="item item_margin" v-if="model.orderCar">

			<view style="display: inline-flex; height: 80rpx; justify-content: space-between; margin: 0 20rpx;">
				<u-icon name="order" color="#1573FF" label="车辆信息" label-color="#333333"
					:customStyle="{'line-height': '80rpx',}">
				</u-icon>

				<text style="line-height: 80rpx; color: #E93131;"></text>
			</view>


			<u-line color="#efefef" :customStyle="{'margin-bottom': '30rpx','display': 'block',}"></u-line>

			<view class="text-line">
				<text class="text-name">车架号:</text>
				<text class="text-value">{{model.orderCar.vinNo|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">车牌号:</text>
				<text class="text-value">{{model.orderCar.carNo|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">车辆归属:</text>
				<text class="text-value">{{model.orderCar.deptName|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">随车物品:</text>
				<text class="text-value">{{model.orderCar.accessoryItems|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">车辆备注:</text>
				<text class="text-value">{{model.orderCar.carDesc|filterNull}}</text>
			</view>

		</view>

		<view class="item item_margin" v-if="model.orderAlterationReturn">

			<view style="display: inline-flex; height: 80rpx; justify-content: space-between; margin: 0 20rpx;" @click="goReturnInfo">
				<u-icon name="order" color="#1573FF" label="退车信息" label-color="#333333"
					:customStyle="{'line-height': '80rpx',}">
				</u-icon>

				<!-- <text style="line-height: 80rpx; color: #E93131;"></text> -->
				<u-icon name="arrow-right"></u-icon>
			</view>


			<u-line color="#efefef" :customStyle="{'margin-bottom': '30rpx','display': 'block',}"></u-line>

			<view class="text-line">
				<text class="text-name">退车时间:</text>
				<text class="text-value">{{model.orderAlterationReturn.applyDate|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">退车类别:</text>
				<text class="text-value">{{model.orderAlterationReturn.applyDesc|filterNull}}</text>
			</view>
		</view>

		<view class="item item_margin" v-if="model.orderAlterationSwop">

			<view style="display: inline-flex; height: 80rpx; justify-content: space-between; margin: 0 20rpx;" @click="goChangeInfo">
				<u-icon name="order" color="#1573FF" label="换车信息" label-color="#333333"
					:customStyle="{'line-height': '80rpx',}">
				</u-icon>

				<u-icon name="arrow-right"></u-icon>
			</view>


			<u-line color="#efefef" :customStyle="{'margin-bottom': '30rpx','display': 'block',}"></u-line>

			<view class="text-line">
				<text class="text-name">换车时间:</text>
				<text class="text-value">{{model.orderAlterationSwop.applyDate|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">换车原因:</text>
				<text class="text-value">{{model.orderAlterationSwop.applyDesc|filterNull}}</text>
			</view>
		</view>

		<view class="item item_margin" v-if="model.orderSwopList&&model.orderSwopList.length>0">

			<view style="display: inline-flex; height: 80rpx; justify-content: space-between; margin: 0 20rpx;">
				<u-icon name="order" color="#1573FF" label="换车记录" label-color="#333333"
					:customStyle="{'line-height': '80rpx',}">
				</u-icon>

				<text style="line-height: 80rpx; color: #E93131;"></text>
			</view>


			<u-line color="#efefef" :customStyle="{'margin-bottom': '30rpx','display': 'block',}"></u-line>
			
			<view class="" v-for="(crItem, crIndex) in model.orderSwopList" :key="crIndex">
				<view class="text-line">
					<text class="text-name">替换情况:</text>
					<text class="text-value">{{crItem.desc|filterNull}}</text>
				</view>
				<view class="text-line" @click="goNewCarOrder(crItem)">
					<text class="text-name">替换的车牌号:</text>
					<text class="text-value" style="color: #1573FF;">{{crItem.carNo|filterNull}}</text>
				</view>
				<view class="text-line">
					<text class="text-name">替换的品牌/车系/车型:</text>
					<text class="text-value">{{crItem.brandSeriesModelName|filterNull}}</text>
				</view>
				<view class="text-line">
					<text class="text-name">替换时间:</text>
					<text class="text-value">{{crItem.swopDate|filterNull}}</text>
				</view>
				<view class="text-line">
					<text class="text-name">操作人:</text>
					<text class="text-value">{{crItem.operationName|filterNull}}</text>
				</view>
				<view class="text-line" v-if="1==crItem.isNewOrderCar" @click="goAjust(crItem)">
					<text class="text-name">月租金是否调整:</text>
					<text class="text-value">{{1==crItem.planAdjust?'是':'否'}}</text>
					<u-icon name="arrow-right"></u-icon>
				</view>
				
				<u-line v-if="crIndex != model.orderSwopList.length-1" color="#efefef" :customStyle="{'display': 'block',}"></u-line>
				<view v-if="crIndex != model.orderSwopList.length-1" style="height: 20rpx;"></view>
				
			</view>

		</view>
		

		<view class="item item_margin" v-if="model.reletList&&model.reletList.length>0">

			<view style="display: inline-flex; height: 80rpx; justify-content: space-between; margin: 0 20rpx;">
				<u-icon name="order" color="#1573FF" label="续租信息" label-color="#333333"
					:customStyle="{'line-height': '80rpx',}">
				</u-icon>

				<text style="line-height: 80rpx; color: #E93131;"></text>
			</view>


			<u-line color="#efefef" :customStyle="{'margin-bottom': '30rpx','display': 'block',}"></u-line>
			
			<view class="" v-for="(rItem, rIndex) in model.reletList" :key="rIndex">
				<view class="text-line" @click="goReletOrder(rItem)">
					<text class="text-name">续租订单:</text>
					<text class="text-value" style="color: #1573FF;">{{rItem.orderCarId|filterNull}}</text>
				</view>
				
				<view class="text-line">
					<text class="text-name">续租开始时间:</text>
					<text class="text-value">{{rItem.timeStart|filterNull}}</text>
				</view>
				
				<view class="text-line">
					<text class="text-name">续租结束时间:</text>
					<text class="text-value">{{rItem.timeFinish|filterNull}}</text>
				</view>
				
				<u-line color="#efefef" :customStyle="{'display': 'block',}"></u-line>
			</view>

		</view>


		<view class="item item_margin" v-if="model.orderClerk">

			<view style="display: inline-flex; height: 80rpx; justify-content: space-between; margin: 0 20rpx;">
				<u-icon name="order" color="#1573FF" label="业务员" label-color="#333333"
					:customStyle="{'line-height': '80rpx',}">
				</u-icon>

				<text style="line-height: 80rpx; color: #E93131;"></text>
			</view>

			<u-line color="#efefef" :customStyle="{'margin-bottom': '30rpx','display': 'block',}"></u-line>
			
			<view class="text-line">
				<text class="text-name">姓名:</text>
				<text class="text-value">{{model.orderClerk.name|filterNull}}</text>
			</view>
			
			<view class="text-line" @click="makecall(model.orderClerk.phone)">
				<text class="text-name">电话:</text>
				<text class="text-value" style="flex-grow: unset;">{{model.orderClerk.phone|filterNull}}</text>
				<image style="width: 30rpx;height: 30rpx;margin-left: 10rpx;" src="../../static/common/callPhone.png"
					mode="scaleToFill"></image>
			</view>
			
			<view class="text-line">
				<text class="text-name">所属公司:</text>
				<text class="text-value">{{model.orderClerk.company|filterNull}}</text>
			</view>
			
		</view>


		<view class="item item_margin" v-if="model.orderChannel">

			<view style="display: inline-flex; height: 80rpx; justify-content: space-between; margin: 0 20rpx;">
				<u-icon name="order" color="#1573FF" label="所属渠道" label-color="#333333"
					:customStyle="{'line-height': '80rpx',}">
				</u-icon>

				<text style="line-height: 80rpx; color: #E93131;"></text>
			</view>

			<u-line color="#efefef" :customStyle="{'margin-bottom': '30rpx','display': 'block',}"></u-line>
			
			<view class="text-line">
				<text class="text-name">名称:</text>
				<text class="text-value">{{model.orderChannel.name|filterNull}}</text>
			</view>
			
			<view class="text-line" @click="makecall(model.orderChannel.phone)">
				<text class="text-name">电话:</text>
				<text class="text-value" style="flex-grow: unset;">{{model.orderChannel.phone|filterNull}}</text>
				
				<image style="width: 30rpx;height: 30rpx;margin-left: 10rpx;" src="../../static/common/callPhone.png"
					mode="scaleToFill"></image>
				
			</view>
			
			<view class="text-line">
				<text class="text-name">联系人:</text>
				<text class="text-value">{{model.orderChannel.contacts|filterNull}}</text>
			</view>
			
		</view>
		
		<!-- <examflow :from="pageType" :instanceId="instanceId" approvalName="carRepairApprove" :isAdd="false"></examflow> -->
		<examFlow :listData="model.operationProcess" :isForceShow="true"></examFlow>
		
		<view style="height: 130rpx;"></view>
		
		<view class="button-container" v-if="model.buttonList&&model.buttonList.length>0">
			<button class="btn-item" v-for="(bitem, bindex) in model.buttonList" :key="bindex" @click="bottomClick(bitem)">{{bitem.btnName}}</button>
		</view>

	</view>
</template>

<script>
	import picPdf from '@/components/pic-pdf.vue';
	import examFlow from '@/components/exam-flow.vue';

	export default {
		components: {
			picPdf,
			examFlow
		},
		data() {
			return {
				orderListBean: {},
				model: {
					order: {},
					operationProcess:[],
					orderAlterationReturn:{},
					orderAlterationSwop:{}
				},
				activitiEnable:{},
			}
		},
		methods: {
			goMoreInfo(){


        let returnFlag = this.model && this.model.orderAlterationReturn && !uni.$u.test.isEmpty(this.model.orderAlterationReturn.instanceId)?1:2

        let changeFlag = this.model && this.model.orderAlterationSwop && !uni.$u.test.isEmpty(this.model.orderAlterationSwop.instanceId)?1:2

        if(this.model && this.model.orderAlterationReturn && !uni.$u.test.isEmpty(this.model.orderAlterationReturn.instanceId)){
          this.orderListBean.alterationInstanceId = this.model.orderAlterationReturn.instanceId
        }

        if(this.model && this.model.orderAlterationSwop && !uni.$u.test.isEmpty(this.model.orderAlterationSwop.instanceId)){
          this.orderListBean.alterationInstanceId = this.model.orderAlterationSwop.instanceId
        }

        getApp().globalData.orderListBean=this.orderListBean

        uni.navigateTo({
					url:'/pagesB/moreinfo/moreinfo?returnFlag='+returnFlag+'&changeFlag='+changeFlag
				})
			},
			
			makecall(phone) {
				if (!uni.$u.test.isEmpty(phone)) {
					uni.makePhoneCall({
						phoneNumber: phone
					})
				}
			},
			
			//跳转退车信息
			goReturnInfo(){
				if(!uni.$u.test.isEmpty(this.model) || !uni.$u.test.isEmpty(this.model.order) || !uni.$u.test.isEmpty(this.activitiEnable)){
					// let flag = false
					// if (1 == this.model.order.rentType) {
					// 	//长租退车
					// 	flag = 1 == this.activitiEnable.carBackApprove;
					// } else if (2 == this.model.order.rentType) {
					// 	//租售退车
					// 	flag = 1 == this.activitiEnable.rentSaleApprove;
					// }

          let flag = this.model && this.model.orderAlterationReturn && !uni.$u.test.isEmpty(this.model.orderAlterationReturn.instanceId)
				
					if(flag){
						//有工作流
						uni.navigateTo({
							url:'/pagesB/refundandchange/refundchange-detail-workflow?returnCarType=2&orderCarNo='+this.model.order.orderCarCode
							+'&instanceId='+this.model.orderAlterationReturn.instanceId
							+'&rentType='+this.model.order.rentType
							+'&orderCarId='+this.model.orderCarId
							+'&orderCarStatusStr='+this.model.orderCarStatusStr
							
						})
					}else{
						//无工作流
						uni.navigateTo({
							url:'/pagesB/refundandchange/refundchange-detail?returnCarType=2&orderCarNo='+this.model.order.orderCarCode
							+'&rentType='+this.model.order.rentType
							+'&orderCarId='+this.model.orderCarId
							+'&orderCarStatusStr='+this.model.orderCarStatusStr
						})
					}
					
				}
			},
			
			//跳转换车信息
			goChangeInfo(){
				if(!uni.$u.test.isEmpty(this.model) || !uni.$u.test.isEmpty(this.model.order) || !uni.$u.test.isEmpty(this.activitiEnable)){
					// let flag = false
					// if (1 == this.model.order.rentType) {
					// 	//长租换车
					// 	flag = 1 == this.activitiEnable.rentTransferCar;
					// } else if (2 == this.model.order.rentType) {
					// 	//租售换车 ???
					// 	flag = 1 == this.activitiEnable.rentSaleTransferCar;
					// }else if(6 == this.model.order.rentType){
					// 	//直购退车
					// 	flag = 1 == this.activitiEnable.purchaseBackApprove;
					// }

          let flag = this.model && this.model.orderAlterationSwop && !uni.$u.test.isEmpty(this.model.orderAlterationSwop.instanceId)


          if(flag){
						//有工作流
						uni.navigateTo({
							url:'/pagesB/refundandchange/refundchange-detail-workflow?returnCarType=1&orderCarNo='+this.model.order.orderCarCode
							+'&instanceId='+this.model.orderAlterationSwop.instanceId
							+'&rentType='+this.model.order.rentType
							+'&orderCarId='+this.model.orderCarId
							+'&orderCarStatusStr='+this.model.orderCarStatusStr
						})
					}else{
						//无工作流
						uni.navigateTo({
							url:'/pagesB/refundandchange/refundchange-detail?returnCarType=1&orderCarNo='+this.model.order.orderCarCode
							+'&rentType='+this.model.order.rentType
							+'&orderCarId='+this.model.orderCarId
							+'&orderCarStatusStr='+this.model.orderCarStatusStr
						})
					}
					
				}
			},
			
			//跳转续租订单详情
			goReletDetail(){
				this.goNewOrder(this.model.order.reletOrderCarId)
			},
			
			//跳转替换的车辆下订单详情
			goNewCarOrder(item){
				this.goNewOrder(item.relatedOrderCarId)
			},
			
			//月租金调整的费用详情
			goAjust(item){
				uni.navigateTo({
					url:'/pagesB/fee-detail/fee-detail?type=1&orderCarId='+item.relatedOrderCarId
				})
			},
			
			//跳转新的订单详情
			goNewOrder(id){
				this.$u.api.orderDetailInfoItemOrder({
					orderCarId:id
				}).then(res=>{
					getApp().globalData.orderListBean = res
					uni.navigateTo({
						url: '/pagesB/orderdetail/orderdetail'
					})
				})
			},
			
			//跳转续租订单详情
			goReletOrder(item){
				this.goNewOrder(item.orderCarId)
			},
			
			//跳转续租费用调整
			goReletFee(){
				uni.navigateTo({
					url:'/pagesB/fee-detail/fee-detail?type=2&reletId='+this.model.order.reletId
				})
			},
			
			//底部按钮点击
			bottomClick(item){
				switch(item.btnKey){
					case 5://退车
						let flag = false;
						if (1 == this.model.order.rentType) {
							//长租退车
							flag = 1 == this.activitiEnable.carBackApprove;
						} else if (2 == this.model.order.rentType) {
							//租售退车
							flag = 1 == this.activitiEnable.rentSaleApprove;
						}else if(6 == this.model.order.rentType){
							//直购退车
							flag = 1 == this.activitiEnable.purchaseBackApprove;
						}
						
						if (flag) {
							//有工作流
							uni.navigateTo({
								url: '/pagesB/refundandchange/refundchange-workflow?returnCarType=2&rentType=' +
									this.model.order.rentType + '&orderCarNo=' + this.model.order.orderCarCode+'&orderCarId='+
									this.model.orderCarId+'&instanceId='+this.model.order.instanceId
							})
						} else {
							uni.navigateTo({
								url: '/pagesB/refundandchange/refundchange?returnCarType=2&orderCarNo=' + 
								this.model.order.orderCarCode+'&rentType=' +this.model.order.rentType +'&orderCarId='+
								this.model.orderCarId+'&instanceId='+
								this.model.order.instanceId
							})
						}
						break
					case 6://换车
						let flag2 = false;
						if (1 == this.model.order.rentType) {
							//长租换车
							flag2 = 1 == this.activitiEnable.rentTransferCar;
						} else if (2 == this.model.order.rentType) {
							//租售换车 ???
							flag2 = 1 == this.activitiEnable.rentSaleTransferCar;
						}
						
						if (flag2) {
							//有工作流
							uni.navigateTo({
								url: '/pagesB/refundandchange/refundchange-workflow?returnCarType=1&rentType=' +
									this.model.order.rentType + '&orderCarNo=' + this.model.order.orderCarCode+'&orderCarId='+
									this.model.orderCarId+'&instanceId='+
									this.model.order.instanceId
							})
						
						} else {
							uni.navigateTo({
								url: '/pagesB/refundandchange/refundchange?returnCarType=1&orderCarNo=' + this.model.order.orderCarCode+'&rentType='+
								this.model.order.rentType +'&orderCarId='+
								this.model.orderCarId+'&instanceId='+
								this.model.order.instanceId
							})
						
						}
						
						break
					case 7://申请车辆费用减免
						uni.navigateTo({
							url: '/pagesB/costrelief/costrelief?orderCarNo=' + this.model.order.orderCarCode+'&orderCarId='+this.model.orderCarId	
						})
						break
					case 8://申请车辆过户
						uni.navigateTo({
							url:'/pagesB/transfer/transfer-apply?orderId='+this.model.orderId
								+'&orderCarNo='+this.orderListBean.orderCarCode
								+'&carId='+this.model.orderCar.carId
								+'&transferTime='+this.orderListBean.transferTime
								
						})
						break
				}
			},
			
			getData(){
				if (!uni.$u.test.isEmpty(this.orderListBean)) {
				
					this.$u.api.orderDetailInfo({
						orderCarId: this.orderListBean.orderCarId
					}).then(res => {
						console.log(res)
						this.model = res;
						
					})
				}
			},
			
		},
		onLoad(op) {
			this.orderListBean = getApp().globalData.orderListBean
			this.activitiEnable = this.$store.state.params.activitiEnable
			
			getApp().globalData.orderListBean={}
		},
		onShow() {
			this.getData()
		},
	}
</script>

<style lang="scss" scoped>
	.top-bg {
		display: flex;
		flex-direction: column;
		background-color: #1573FF;
	}

	.o-state {
		font-size: 40rpx;
		color: #fff;
		margin: 38rpx 0 20rpx 36rpx;
		flex: 1;
	}

	.o-remark {
		font-size: 24rpx;
		color: #FFC500;
		margin: 0 0 40rpx 36rpx;
	}

	.o-more {
		font-size: 28rpx;
		color: #fff;
		margin-right: 20rpx;
	}
	
</style>
